const { defineConfig } = require("@vue/cli-service");

//vue-cli 内置了Node服务器,我们的页面运行在这个Node服务器里面,页面跟Node服务器(localhost:8080)同源

//代理:页面发送请求,由同源的node服务器进行转发,请求目标服务器,目标服务器将结果返回给node服务器,node服务器再返回给页面

//代理会带来什么问题?(项目构建之后,代理还能不能生效?) 不能 怎么解决 nginx配置代理 你配过嘛?

//解决跨域问题的方式
//1.浏览器插件
//2.jsonp => 原理?
//3.后端处理 access-control-allow-origin:"*"
//4.本地的代理配置 devServer

//获取环境的变量 process.env

console.group('环境')
console.log(process.env)
console.groupEnd()

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  publicPath: ".",//配置静态资源为当前目录
  devServer: {
    // port: 3000, 项目启动端口
    //host: "http://chst.vip",// 哪些网络主机可以访问项目
    proxy: {
      // api可以随便定义 是一个标识
      "/api": {
        target: process.env.VUE_APP_BASE_URL,//目标服务器
        pathRewrite: { //路径重写
          "^/api": ""
        }
      }
    }
  }
});
